$(function() {
  var e = $("#main");
  var a = new Handsontable(e.get(0), {
    data: [
      ["Java", "1", "降", "-0.01%"],
      ["C", "2", "升", "+2.44%"],
      ["Python", "3", "升", "+1.41%"],
      ["C++", "4", "降", "-2.58%"],
      ["C#", "5", "升", "+2.07%"],
      ["Visual Basic Net", "6", "降", "-1.17%"],
      ["JavaScript", "7", "降", "-0.85%"]
    ],
    contextMenu: !0,//右键菜单
    manualRowResize: !0,
    manualColumnResize: !0,
    rowHeaders: 0,
    className: "htCenter",
    colHeaders: ["语言名称", "排名", "升或降", "变化幅度"]
  });

        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main2'));
        
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: 'JavaScript语言排名变化'
            },
            tooltip: {},
            legend: {
                data:['排名']
            },
            xAxis: {
                //data: xData
                data: ["2000","2005","2010","2015","2020"]
            },
            yAxis: {},
            series: [{
                name: '排名',
                //type: 'bar',//柱状图
                type: "line",
                smooth: true,//平滑的折线图
                data: [6, 9, 8, 8, 7]
                //data: yData
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option); 

});

